@import "../../styles/default";

.xue-webview{
  display: flex;
  flex-direction: column;
  height: 100%;

  .xue-webview-content{
    flex: 1;
    overflow: auto;


    &::-webkit-scrollbar {
      display: none;
    }
  }
  .xue-webview-bottom-tab{
    display: flex;
    position: relative;
    padding: pxToRem(8) 0;
    background: $theme-deep-background;
    &::before {
      position: absolute;
      top: 0;
      content: ' ';
      height: 1px;
      background: $text-tip;
      left: 0;
      right: 0;
      display: block;
      transform: scaleY(0.1);
    }
    .tab-item {
      flex: 1;
      text-align: center;
      color: $theme-deep-active;
      font-size: pxToRem(14);
      p{
        margin: 0;
        padding: 0;

      }
      .icon {
        fill: $theme-deep-active;
        font-weight: bold;
        width: pxToRem(24);
        height: pxToRem(24);
      }
      &.active {
        color: $active-color-background;
        .icon {
          fill: $active-color-background;
        }
      }
    }
  }
}


